<template>
<h1>猜数字的游戏</h1>
<!-- 接受用户数据，数据需要传入js -->
  <input type="text" placeholder="请输入1~100之间的整数" v-model="num">
  <button @click="guess()">猜一猜</button>
  <p>{{result}}</p>
</template>

<script setup>

import {ref} from "vue";
//定义一个接受用户数据的变量num
const num = ref('');
//定义一个变量接受响应结果result
const result = ref('')
//生成一个随机数
let randNum = parseInt(Math.random()*100+1);
console.log(randNum);
const guess =()=>{
  if(num.value>randNum){
    result.value="猜大了"
  }else if(num.value<randNum){
    result.value="猜小了"
  }else{
    result.value="猜对了"
  }
}

</script>

<style scoped>

</style>